.container {
  width: 650px;
  font-size: @font-size-small;
  .et-flex-column-center();

  .icon {
    color: gray;
  }

  .listBox {
    width: 100%;
    max-height: 280px;
    margin-top: 20px;
    border-radius: 10px;
    background: white;
    position: relative;
    box-sizing: border-box;

    &::before {
      content: '';
      position: absolute;
      top: -16px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border: 8px solid white;
      border-color: transparent transparent white transparent;
    }

    .list {
      width: 100%;
      max-height: 280px;
      padding: 10px 0;
      overflow-y: auto;

      .item {
        width: 100%;
        box-sizing: border-box;
        padding: 6px 20px;
        cursor: pointer;

        &:hover {
          background: #f1f1f1;
        }
      }
    }
  }
}